body {
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
}

.container {
    width: 30%; /* 表单宽度 */
    margin: 10px auto; /* 增加上下外边距为50px，左右外边距自动（居中） */
    background-color: #ffffff; /* 背景颜色 */
    padding: 10px; /* 增加内边距为10px */
    border-radius: 10px; /* 圆角边框 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}

form {
    display: flex;
    flex-direction: column;
}

form input[type="text"],
form input[type="file"] {
    margin-bottom: 5px; /* 元素间的外边距 */
    padding: 8px; /* 输入框的内边距 */
    border: 1px solid #cccccc;
    border-radius: 5px;
}

form input[type="submit"] {
    padding: 8px 15px; /* 按钮的内边距 */
    background-color: #336699;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    align-self: center; /* 使按钮居中 */
}

form input[type="submit"]:hover {
    background-color: #2a4b7c;
}